/* 
    Document   : kilometer.css
    Created on : 29.05.2012, 16:58:11
    Author     : riemerb
    Description:
        Purpose of the stylesheet follows.
*/

body { 
/*    background-color: #A5A5A5;*/
    background-color: white;
    background: url("../img/grass1.gif") repeat scroll 0 0 transparent;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

div#Side {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 900px;
    padding: 0.5em;
    /*box-shadow: 0 0 5px #222222;*/
    /*box-shadow: 0 0 64px -24px rgba(48, 43, 43, 0.557);*/
    border: 1px solid #E0DBD7;
    background-color: white;
    border-width: 0em;
    /*border: 2px ridge silver;*/
}
h1 {
    font-size: 1.2em;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: white;
    /*border: 2px ridge silver;*/
}

tr {
    margin: 0.7em; padding: 0.3em;
}

ul#Navigation {
    font-size: 0.83em;
    float: left; width: 12em;
    margin: 0 0 1.2em; padding: 0;
    /*border: 1px dashed silver;*/
    height: 750px;
    background-color: #FEF5C0;
}
ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
}
ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
}
ul#Navigation a:link {
    color: black; background-color: #FEF5C0;
}
ul#Navigation a:visited {
    color: #666; background-color: #FEF5C0;
}
ul#Navigation a:hover {
    color: black; background-color: #DA251C;
}
ul#Navigation a:active {
    color: white; background-color: blue;
}

div#Info {
    font-size: 0.9em;
    float: right; width: 18em;
    margin: 0 0 1.1em; padding: 0;
    background-color: white; 
    /*border: 1px dashed silver;*/
}
div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0em;
}
div#Info p {
    font-size: 1em;
    margin: 0.5em;
    overflow:hidden;
}
div#InfoBox {
    margin-bottom: 1em;
    background-color: #FEF5C0; 
    /*border: 1px dashed silver;*/    
}

.infoMessage
{
    color:white;
    background-color:green;
    margin: 0em;
}

.warnMessage
{
    color:black;
    background-color:yellow;
    margin: 0em;
}

.fehlerMessage
{
    color:white;
    background-color:orangered;
    margin: 0em;
}
.sum
{
        text-align: end;
        font-weight: bold;
}

#buttonField button {
    float: left;
}

table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
        table-layout: fixed;
        width: 100%;
}
table.hovertable th {
	background-color:#009241;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
        color:white;
}
table.hovertable tr {
	background-color:#F8F8F8;
}
table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
        overflow: hidden;
}

div#Inhalt {
    margin: 0 17em 1em 10em;
    padding: 0 1em;
    /*border: 1px dashed silver;*/
}
* html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
}
div#Inhalt p {
    font-size: 1em;
    margin: 0em 0;
}

p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: white; 
    /*border: 1px solid silver;*/
}

/*Schriften*/
.lightfont {
    color: #0066FF;
    font-family:arial;
    font-size: 2em;
    text-align: left;
}

.info { 
    background-color:#74DF00;
    font-weight:bold;
    padding-left:0.2em;
    padding-right:0.2em;
    color:white;
}

.info:hover {
    background-color:#0066FF;    
}

.infoTitle {
    background-color: #009241;
    background-image: url("../img/boxHeadlineSmall.gif");
    padding: 0.3em;
    margin: 0em;
    color:white;
}

#InfoBoxEntry {
    border-bottom-style: solid;
    border-color: white;
}
/*Formulare*/


body{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
/*p, h1, form, button{border:0; margin:0; padding:0;}*/
/*.spacer{clear:both; height:1px;}*/
/*
 ----------- My Form ----------- 
.myform{
    margin:0 auto;
    width:400px;
    padding:14px;
}

 ----------- stylized ----------- 
*/#stylized{
    border:solid 2px none #009241;
    background:#F8F8F8;
}/*
#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
}
*/#stylized label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
    padding-bottom: 1em;
}
#stylized .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}/*
#stylized input{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:200px;
    margin:2px 0 20px 10px;
}*/
#stylized button{
    clear:both;
    margin-left:150px;
    width:128px;
    height:34px;
/*    background:#666666 url(../img/btn_13.png) no-repeat;*/
    text-align:center;
    line-height:31px;
    color:black;
    font-size:11px;
    font-weight:bold;
}

form h1{
    background-color: #009241;
    background-image: url("../img/boxHeadlineSmall.gif");
    color:white;
}

#bold {font-weight: bold};